<template>
    <view class="easy-pro-image" v-show="isShowImg">
        <image
            class="defalut-img"
            mode="aspectFill"
            :style="'width:' + customSize + 'rpx;height:' + customSize + 'rpx'"
            :src="url"></image>
    </view>
</template>

<script>
import { mapMutations, mapGetters } from "vuex"
import storage from "@/uni-sub-base/utils/storage.js"
export default {
    props: {
        url: {
            type: String,
            default: "",
        },
        imageClass: {
            type: String,
            default: "",
        },
        customSize: {
            type: String,
            default: "60",
        },
    },
    watch: {
        getIsShowProImg(e) {
            this.isShowImg = isShowProImg
        },
    },
    computed: {
        ...mapGetters(["getIsShowProImg"]),
    },
    data() {
        return {
            isShowImg: false,
        }
    },
    mounted() {
        this.isShowImg = this.getIsShowProImg
    },
    methods: {},
}
</script>

<style lang="scss">
.easy-pro-image {
    margin-right: $app-page-padding;
    border-radius: 8rpx;
}
.defalut-img {
    width: 120rpx;
    height: 120rpx;
    border-radius: 8rpx;
}
</style>
